<template>
  <q-header elevated class="bg-primary text-white">
    <q-toolbar>
      <q-btn dense flat round icon="menu" @click="left = !left"/>

      <q-toolbar-title>
        <q-avatar>
          <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
        </q-avatar>
        Title
      </q-toolbar-title>
      <!--      <q-btn round color="primary" icon="power_settings_new" />-->
      <q-btn-dropdown color="primary" label="Info">
        <q-list>
          <q-item clickable v-close-popup @click="onItemClick">
            <q-item-section>
              <q-item-label>退出</q-item-label>
            </q-item-section>
          </q-item>
        </q-list>
      </q-btn-dropdown>
    </q-toolbar>
  </q-header>
</template>

<script>
  export default {
    name: "Title",
    data() {
      return {
        left: false
      }
    },
    methods:{
      onItemClick(){

      }
    }

  }
</script>

<style scoped>

</style>
